<template>
	<div>
		<el-card class="!border-none p-4" shadow="never">
			<div class="topTitle font-bold main-color text-2xl mb-5">
				基础信息
			</div>
			<el-row class="mt-[20px] main-color">
				<el-col :span="6">
					<span class="w-[120px] inline-block text-right mr-[10px] ">采购编码：</span>
					<span>333111211212334</span>
				</el-col>
			</el-row>
			<el-row class="mt-[20px] main-color">
				<el-col :span="6">
					<span class="w-[120px] inline-block text-right mr-[10px] ">订单编码：</span>
					<span>333111211212334</span>
				</el-col>
			</el-row>	
			<el-row class="mt-[20px] main-color">
				<el-col :span="6">
					<span class="w-[120px] inline-block text-right mr-[10px] ">储存仓库：</span>
					<span>333111211212334</span>
				</el-col>
			</el-row>	
			<el-row class="mt-[20px] main-color">
				<el-col :span="6">
					<span class="w-[120px] inline-block text-right mr-[10px] ">入库时间：</span>
					<span>333111211212334</span>
				</el-col>
			</el-row>	
		</el-card>
		<el-card class="!border-none p-4 mt-[20px]" shadow="never">
			<div class="topTitle font-bold main-color text-2xl mb-5">
				入库产品信息
			</div>
			<el-table class="mt-[20px] border-inherit" size="large" :data="lists"
				:header-cell-style="{'background':'#0054A6','color':'#fff','line-height':'52px','padding':'14px 0'}"
				:cell-style="{'color':'#0054A6','padding':'20px 0'}">
				<el-table-column label="编号" prop="scene_name" align="center">
					<template #default="{ row }">
						<el-button type="primary" link>
							<span class="main-color">0133</span>
						</el-button>
					</template>
				</el-table-column>
				<el-table-column label="产品名称" prop="type_desc" align="center" />
				<el-table-column label="产品型号" prop="scene_name" align="center" />
				<el-table-column label="入库数量" prop="scene_name" align="center" />
			</el-table>
			<div class="p-[20px] v-flex v-row-right">
				<el-pagination color="#0054A6" background layout="prev, pager, next" :default-page-size="6"
					:total="1000" :pager-count="6" />
			</div>
		</el-card>
	</div>
</template >

<script lang="ts" setup>
	const lists = ref<Array<any>>([
		{type:'出库单'}, {type:'入库单'}, {type:'出库单'}
	])
</script>

<style lang="scss" scoped>

	:deep() .el-pagination.is-background .el-pager li.is-active {
		background-color: var(--el-text-color-main);
	}
</style>